﻿<!DOCTYPE html>
<!--
    quirli, replay with ease.
    Copyright (C) 2012 by marcel suter, marcel@codeministry.ch

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
<html lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta charset="UTF-8" />
    <meta http-equiv="content-language" content="en" />
    <title>quirli - replay and share media with cues.</title>
    <meta name="Copyright" content="GPLv3 licensed by codeministry.ch" />
    <meta name="dc.language" content="en" />
    <meta name="geo.country" content="CH" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- To force IE9 to use the currently latest rendering engine -->
    <meta name="description" content="Media player for replay and rehearsal with cues.">
    <meta name="author" content="codeministry.ch">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- Le styles -->
    <!-- Note: Twitter Bootstrap is not officially hosted on a CDN, so we host that ourselves for now-->
    <!-- use a customized bootstrap version for quirli, prepending parts.-->
    <link href="bootstrap/css/quirli-mods-pre.css" rel="stylesheet">
    <!-- use prepending custom modifications for quirli. To make the body move-down for the top navbar working, this css must get loaded first.-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- to allow usage of bootstrap responsive features-->
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
    <!-- use a customized bootstrap version for quirli, postpending parts.-->
    <link href="bootstrap/css/quirli-mods.css" rel="stylesheet">


    <!-- Le fav and touch icons -->
    <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- 
    Because there is no official apple support right now, we omit these apple specific things
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> -->
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="index.html">quirli
                    <img src="img/quirli_app_icon_16x16.png" />
                    <small><em>replay with ease.</em></small>&nbsp;<span class="label label-important">Beta release</span></a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container">
        <!--Main content-->
        <p>Here is how you configure your flash player for using quirli from the local filesystem.</p>
        <p>First, go the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">Global Security Settings Panel page by using this link</a> directly from your browser.</p>

        <div class="row-fluid">
            <div class="span4">
                <ol start="1">
                    <li>Select to edit the locations</li>
                    <li>Add location</li>
                </ol>
            </div>
            <div class="span5">
                <img src="img/FlashGlobalSecuritySettingsPanelView1_perspective.png" alt="The first 2 steps" />
            </div>
        </div>

        <div class="row-fluid">
            <div class="span4">
                <ol start="3">
                    <li>Add the quirli webroot directory as a whole or the <code>mediaelement/flashmediaelement.swf</code> file specifically</li>
                </ol>
            </div>
            <div class="span5">
                <img src="img/FlashGlobalSecuritySettingsPanelView2_perspective.png" alt="The next step" />
            </div>
        </div>

        <div class="row-fluid">
            <div class="span4">
                <ol start="4">
                    <li>Check that your location shows up in the list the trusted locations.</li>
                </ol>
            </div>
            <div class="span5">
                <img src="img/FlashGlobalSecuritySettingsPanelView3_perspective.png" alt="The final step" />
            </div>
        </div>
    </div>
    <!-- /container -->

    <!-- Footer
        ================================================== -->
    <footer class="footer">
        <div class="container">
            <p class="pull-right"><a href="#">Back to top</a></p>
            <p>Created by <a href="http://www.codeministry.ch">codeministry.ch</a>.</p>
            <p>Licensed under the open source <a href="gpl-3.0.txt">GPLv3 License</a>.</p>
            <ul class="footer-links">
                <li><a href="http://quirli.codeplex.com">Source</a></li>
                <li class="muted">&middot;</li>
                <li><a href="disclaimer.txt">Disclaimer</a></li>
            </ul>
        </div>
    </footer>

    <!-- Le javascript
	    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster 
    <script src="js/bootstrap.min.js"></script>-->
</body>
</html>
